<div [ngStyle]="tagData.data?.headDiv?.tagDivCssStyle|styleFilter">
  <section [ngStyle]="tagData.cssStyle|styleFilter">
    <div class="headDiv orderinfolist" *ngIf="tagData.data?.headDiv"
      [ngStyle]="tagData.data?.headDiv?.cssStyle|styleFilter">

      <div *ngIf="tagData.data?.headDiv?.headTitle" class="headTitleBox">
        <div class="topLeft">
          <span *ngIf="tagData.data?.headDiv?.headTitle"
            [ngStyle]="tagData.data?.headDiv?.moreLink?.link?.params?.headTitleCssStyle|styleFilter">
            {{tagData.data?.headDiv?.headTitle}}</span>
          <span *ngIf="tagData.data?.headDiv?.labelText"
            [ngStyle]="tagData.data?.headDiv?.moreLink?.link?.params?.labelTextCssStyle|styleFilter">
            {{tagData.data?.headDiv?.labelText}}</span>
        </div>
        <div class="topRight" appDebounceClick (debounceClick)="go(tagData.data?.headDiv?.moreLink)">
          <span *ngIf="tagData.data?.headDiv?.moreLink?.link?.label"
            [ngStyle]="tagData.data?.headDiv?.moreLink?.link?.params?.linkLabelTextCssStyle|styleFilter">
            {{tagData.data?.headDiv?.moreLink?.link?.label}}</span>
          <img src="{{tagData.data?.headDiv?.moreLink?.iconUrl}}"
            onerror="this.src='assets/fw/arrow_icon_rightllogistics.png'"
            [ngStyle]="tagData.data?.headDiv?.moreLink?.link?.params?.iconCssStyle|styleFilter"
            *ngIf="tagData.data?.headDiv?.moreLink?.iconUrl" />
        </div>
      </div>
      <span *ngIf="tagData.data?.headDiv?.title"
        [ngStyle]="tagData.data?.headDiv?.titleCssStyle|styleFilter">{{tagData.data?.headDiv?.title}}</span><span
        [ngStyle]="tagData.data?.headDiv?.subTitleCssStyle|styleFilter"
        *ngIf="tagData.data?.headDiv?.subTitle">{{tagData.data?.headDiv?.subTitle}}</span>
      <ng-container *ngFor="let item of tagData.data?.data">
        <p *ngIf="item.headDivRow?.firstRowLeftLabel" [ngStyle]="item.headDivRow?.firstRowLeftLabelCssStyle|styleFilter">
          {{item.headDivRow?.firstRowLeftLabel}}</p>
        <p *ngIf="item.headDivRow?.secondRowLeftLabel" [ngStyle]="item.headDivRow?.secondRowLeftCssStyle|styleFilter">
          {{item.headDivRow?.secondRowLeftLabel}}</p>
        <div *ngIf="item.headDivRow?.thirdRowLeftLabel" appDebounceClick (debounceClick)="iconClick(item)"
          [ngStyle]="item.headDivRow?.thirdRowBoxCssStyle|styleFilter">
          <span [ngStyle]="item.headDivRow?.thirdRowLeftCssStyle|styleFilter">{{item.headDivRow?.thirdRowLeftLabel}}
          </span>
        </div>
        <div class="lineStyle" [ngStyle]="item.headDivRow?.showLine|styleFilter" *ngIf="item.headDivRow?.showLine">
        </div>
      </ng-container>
      
      <!--1.6.34 新增属性-->
      <div class="achieveBox" [ngStyle]="tagData.data?.headDiv?.achieveBoxCssStyle|styleFilter"
        appDebounceClick (debounceClick)="go(tagData.data?.headDiv?.moreLink)">
        <div class="leftBox" [ngStyle]="tagData.data?.headDiv?.leftBoxCssStyle|styleFilter">
          <span class="unit" *ngIf="tagData.data?.headDiv?.leftBoxUnit"
            [ngStyle]="tagData.data?.headDiv?.leftBoxUnitCssStyle|styleFilter">{{tagData.data?.headDiv?.leftBoxUnit}}</span>
          <div class="leftLabelBox" [ngStyle]="tagData.data?.headDiv?.leftLabelBox|styleFilter">
            <span class="leftTopLabel" *ngIf="tagData.data?.headDiv?.leftTopLabel"
              [ngStyle]="tagData.data?.headDiv?.leftTopLabelCssStyle|styleFilter">{{tagData.data?.headDiv?.leftTopLabel}}</span>
            <span class="leftTopValue" *ngIf="tagData.data?.headDiv?.leftTopValue"
              [ngStyle]="tagData.data?.headDiv?.leftTopValueCssStyle|styleFilter">{{tagData.data?.headDiv?.leftTopValue}}</span>
          </div>

        </div>
        <div class="centerBox" [ngStyle]="tagData.data?.headDiv?.centerBoxCssStyle|styleFilter">
          <div class="centerLabelBox" [ngStyle]="tagData.data?.headDiv?.centerLabelBox|styleFilter">
            <span class="centerTopLabel" *ngIf="tagData.data?.headDiv?.centerTopLabel"
              [ngStyle]="tagData.data?.headDiv?.centerTopLabelCssStyle|styleFilter">{{tagData.data?.headDiv?.centerTopLabel}}</span>
            <span class="centerTopValue" *ngIf="tagData.data?.headDiv?.centerTopValue"
              [ngStyle]="tagData.data?.headDiv?.centerTopValueCssStyle|styleFilter">{{tagData.data?.headDiv?.centerTopValue}}</span>
          </div>
        </div>

        <div class="rightBox" [ngStyle]="tagData.data?.headDiv?.rightBoxCssStyle|styleFilter">
          <span class="unit" *ngIf="tagData.data?.headDiv?.rightBoxUnit"
            [ngStyle]="tagData.data?.headDiv?.rightBoxUnitCssStyle|styleFilter">{{tagData.data?.headDiv?.rightBoxUnit}}</span>
          <div class="rightLabelBox" [ngStyle]="tagData.data?.headDiv?.rightLabelBox|styleFilter">
            <span class="rightTopLabel" *ngIf="tagData.data?.headDiv?.rightTopLabel"
              [ngStyle]="tagData.data?.headDiv?.rightTopLabelCssStyle|styleFilter">{{tagData.data?.headDiv?.rightTopLabel}}</span>
            <span class="rightTopValue" *ngIf="tagData.data?.headDiv?.rightTopValue"
              [ngStyle]="tagData.data?.headDiv?.rightTopValueCssStyle|styleFilter">{{tagData.data?.headDiv?.rightTopValue}}</span>
          </div>
        </div>
      </div>
    </div>
    <!--1.6.34 底部盒子-->
    <div class="achieveBottomBox" *ngIf="tagData.data?.headDiv?.achieveBottomBoxCssStyle"
      [ngStyle]="tagData.data?.headDiv?.achieveBottomBoxCssStyle|styleFilter">
    </div>

  <div [ngStyle]="tagData.data?.itemCssStyle|styleFilter">
    <ng-container *ngFor="let item of tagData.data.data, let dataIndex = index">


      <ng-container *ngIf="tagData.data.data.length>0">

        <div id="orderInfoList{{dataIndex}}" class="information"
          [ngClass]="{'newGroupBox': item.newBoxStyle && (dataIndex===0 || ( dataIndex > 0 && item.group_type !== tagData.data.data[dataIndex-1].group_type )),
      'newGroupBox1': item.newBoxStyle && (dataIndex===0 || ( dataIndex > 0 && item.group_type === tagData.data.data[dataIndex-1].group_type ))}"
          [ngStyle]="item.informationCssStyle|styleFilter">


          <ng-container *ngIf="item.group_type">
            <p class="groupTypeTitle" [ngStyle]="item.groupTypeTitleCssStyle|styleFilter"
              *ngIf="dataIndex===0 || ( dataIndex > 0 && item.group_type !== tagData.data.data[dataIndex-1].group_type )">
              {{item.group_type}}
            </p>
          </ng-container>

          <!--蜂喔-商城新增开票功能-->
          <ng-container *ngIf="item.topLeftLabel">
            <div class="topBox" [ngStyle]="item.topBoxCssStyle|styleFilter">
              <span class="topLeftLabel" [ngStyle]="item.topLeftLabelCssStyle|styleFilter">
                <ng-container *ngIf="item.topLeftLabel">
                  {{item.topLeftLabel}}
                </ng-container>

              </span>
              <span class="topRightLabel" [ngStyle]="item.topRightLabelCssStyle|styleFilter">
                <ng-container *ngIf="item.topRightLabel">
                  {{item.topRightLabel}}
                </ng-container>
              </span>
            </div>
          </ng-container>

  
          <div class="mainInfoBox" [ngStyle]="item.mainInfoBoxCssStyle|styleFilter">

            <div class="item-left" appDebounceClick (debounceClick)="choose(item,item?.selectType)" *ngIf="item.showCheckBox!==undefined"
              [ngStyle]="item.checkCssStyle|styleFilter">
              <i class="check-img" [ngStyle]="item.checkImgCssStyle|styleFilter"
                [ngClass]="{'checked-img': item.checked===true}"></i>
            </div>

            <div class="informationMessage" [ngStyle]="item.informationMessageCssStyle|styleFilter"
              *ngIf="item.firstRowLeft!==undefined">
              <div appDebounceClick (debounceClick)="go(item)" class="main-box">
                <ng-container *ngIf="item.img?.imgUrl">
                  <img class="informationImg" *ngIf="item.img !== undefined" [src]="item.img?.imgUrl"
                    onerror="this.src='assets/fw/icon_gold@3x.png'" [ngStyle]="item.img?.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="previewImage(item.img?.imgUrl,1,item.imageIsPreView)">
                </ng-container>
                <ng-container *ngIf="!item.img?.imgUrl">
                  <img class="informationImg" *ngIf="item.img !== undefined" [src]="item.img"
                    onerror="this.src='assets/img/default_img.png'" [ngStyle]="item.img?.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="previewImage(item.img,1,item.imageIsPreView)">
                </ng-container>

                <div [ngClass]="{'noImageInformation': item.img === undefined}" class="informationRight"
                  [ngStyle]="item?.informationRightCssStyle|styleFilter">
                  <div class="firstClassBox" [ngStyle]="item?.firstClassBoxCssStyle|styleFilter">
                    <p class="fristClass">
                      <span class="fristClassTitle" *ngIf="item.title">{{item.title}}</span>
                      <ng-container *ngFor="let tagItem of item.upTags">
                        <span class="title-tag" [ngStyle]="tagItem.cssStyle | styleFilter">{{tagItem.label}}</span>
                      </ng-container>
                    </p>
                    <div class="singleRow" [ngStyle]="item.singleRowCssStyle | styleFilter">
                      <div class="firstRowLeft" [ngStyle]="item.firstRowLeftCssStyle | styleFilter">
                        <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.firstText"
                          [ngStyle]="item.firstRowLeft.firstText.cssStyle | styleFilter">{{item.firstRowLeft.firstText.label}}</span>
                        <span class="firstRowText" *ngIf="item.firstRowLeft&&item.firstRowLeft?.firstText"
                          [ngStyle]="item.firstRowLeft.firstText.label1CssStyle | styleFilter">{{item.firstRowLeft.firstText.label1}}</span>
                        <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.secondText"
                          [ngStyle]="item.firstRowLeft?.secondText?.cssStyle | styleFilter">{{item.firstRowLeft?.secondText?.label}}</span>
                        <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.thirdText"
                          [ngStyle]="item.firstRowLeft.thirdText?.cssStyle | styleFilter">{{item.firstRowLeft?.thirdText?.label}}</span>
                        <span *ngIf="item.firstRowLeft&&item.firstRowLeft?.title"
                          class="firstRowTitle">{{item.firstRowLeft&&item.firstRowLeft?.title?.label}}</span>
                      </div>
                      <div class="firstRowRight" [ngStyle]="item.firstRowRightCssStyle | styleFilter">
                        <span *ngIf="item.firstRowRight&&item.firstRowRight.firstText"
                          [ngStyle]="item.firstRowRight.firstText.cssStyle | styleFilter">{{item.firstRowRight.firstText.label}}</span>

                        <div class="topRightBox" *ngIf="item.firstRowRight&&item.firstRowRight?.amount"
                          [ngStyle]="item.firstRowRight?.amount?.boxCssStyle | styleFilter">
                          <span *ngIf="item.firstRowRight&&item.firstRowRight?.amount">
                            <font [ngStyle]="item.firstRowRight?.amount?.unitCssStyle | styleFilter">
                              {{item.firstRowRight?.amount?.unit}}</font>
                            <font class="rightAmountInteger"
                              [ngStyle]="item.firstRowRight?.amount?.amountCssStyle|styleFilter">
                              {{(getInterger(item.firstRowRight?.amount?.value - 0) | currency:'CNY':'':'1.0-0')}}</font>
                            <i class="price-digits-new"
                              [ngStyle]="item.firstRowRight?.amount?.amountDigitsCssStyle|styleFilter">{{(item.firstRowRight?.amount?.value
                              +
                              0 | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                          </span>
                          <span *ngIf="item.firstRowRight&&item.firstRowRight?.amount"
                            [ngStyle]="item.firstRowRight?.amount?.countCssStyle | styleFilter">{{item.firstRowRight?.amount?.count}}</span>
                        </div>


                        <img class="secondIcon" *ngIf="item.firstRowRight?.secondText?.label"
                          src="item.firstRowRight?.secondText?.label"
                          onerror="this.src='assets/icon/icon_help_notes@3x.png'" />
                      </div>
                    </div>
                    <div class="normalRow 1" [ngClass]="{'justifyBetween': item.secondRowLeft&&item.secondRowRight}"
                      *ngIf="item.secondRowLeft||item.secondRowRight"
                      [ngStyle]="item.secondRowRight?.box?.cssStyle | styleFilter">
                      <div class="firstRowLeft">
                        <span *ngIf="item.secondRowLeft&&item.secondRowLeft?.firstText"
                          [ngStyle]="item.secondRowLeft.firstText.cssStyle | styleFilter">{{item.secondRowLeft.firstText.label}}</span>
                        <div *ngIf="item.secondRowLeft&&item.secondRowLeft?.secondText" class="sep-line"></div>
                        <span *ngIf="item.secondRowLeft&&item.secondRowLeft?.secondText"
                          [ngStyle]="item.secondRowLeft.secondText.cssStyle | styleFilter">
                          {{item.secondRowLeft.secondText.label}}</span>
                        <div *ngIf="item.secondRowLeft&&item.secondRowLeft?.thirdText" class="sep-line"></div>
                        <span *ngIf="item.secondRowLeft&&item.secondRowLeft?.thirdText"
                          [ngStyle]="item.secondRowLeft.thirdText.cssStyle | styleFilter">
                          {{item.secondRowLeft.thirdText.label}}</span>
                      </div>
                      <div class="firstRowRight" *ngIf="item.secondRowRight">
                        <span *ngIf="item.secondRowRight?.firstText?.label"
                          [ngStyle]="item.secondRowRight?.firstText?.cssStyle | styleFilter">
                          {{item.secondRowRight?.firstText?.label}}
                        </span>
                        <span *ngIf="item.secondRowRight?.firstText?.price"
                          [ngStyle]="item.secondRowRight?.firstText?.priceBoxCssStyle | styleFilter">
                          <span class="commodityCount-unit" *ngIf="item.secondRowRight?.firstText?.unit"
                            [ngStyle]="item.secondRowRight?.firstText?.unitCssStyle | styleFilter">{{item.secondRowRight?.firstText?.unit}}</span>
                          <span class="commodityCount-price" *ngIf="item.secondRowRight?.firstText?.price"
                            [ngStyle]="item.secondRowRight?.firstText?.priceCssStyle | styleFilter">{{(getInterger(item.secondRowRight?.firstText?.price
                            - 0)
                            | currency:'CNY':'':'1.0-0')}}<i
                              [ngStyle]="item.secondRowRight?.firstText?.priceDigitsCssStyle | styleFilter"
                              class="price-digits-o">{{(item.secondRowRight?.firstText?.price -
                              0 |
                              currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                        </span>
                      </div>
                    </div>
                    <div class="normalRow 1 price-count" *ngIf="item.secondRowLeftPrice||item.secondRowRightCount"
                      [ngStyle]="item.secondRowRightCount?.box?.cssStyle | styleFilter">
                      <!-- 价格 -->
                      <div class="firstRowLeft" [ngStyle]="item.secondRowLeftPrice?.firstText?.cssStyle | styleFilter">
                        <font [ngStyle]="item.secondRowLeftPrice?.firstText?.unitCssStyle | styleFilter">{{item.secondRowLeftPrice?.firstText?.unit}}</font>
                        <font [ngStyle]="item.secondRowLeftPrice?.firstText?.amountCssStyle|styleFilter"
                          >{{(getInterger(item.secondRowLeftPrice?.firstText?.value - 0) | currency:'CNY':'':'1.0-0')}}<i class="currency"
                          >{{(item.secondRowLeftPrice?.firstText?.value - 0|currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></font>
                      </div>
                      <!-- 数量 -->
                      <div class="topRightBox" *ngIf="item.secondRowRightCount&&item.secondRowRightCount?.amount"
                        [ngStyle]="item.secondRowRightCount?.amount?.cssStyle | styleFilter">
                        <span *ngIf="item.secondRowRightCount&&item.secondRowRightCount?.amount"
                          [ngStyle]="item.secondRowRightCount?.amount?.countCssStyle | styleFilter">{{item.secondRowRightCount?.amount?.count}}</span>
                      </div>
                    </div>
                    <div class="normalRow 2"
                      [ngClass]="{'normalRow': item.thirdRowLeft&&!item.thirdRowRight,'singleRow':item.thirdRowLeft&&item.thirdRowRight}"
                      *ngIf="item.thirdRowLeft||item.thirdRowRight"
                      [ngStyle]="item.thirdRowLeftBoxcssStyle | styleFilter">
                      <div class="firstRowLeft" *ngIf="item.thirdRowLeft">
                        <span *ngIf="item.thirdRowLeft&&item.thirdRowLeft?.firstText"
                          [ngStyle]="item.thirdRowLeft.firstText.cssStyle | styleFilter">{{item.thirdRowLeft.firstText.label}}</span>
                        <span *ngIf="item.thirdRowLeft&&item.thirdRowLeft?.secondText"
                          [ngStyle]="item.thirdRowLeft.secondText.cssStyle | styleFilter">{{item.thirdRowLeft.secondText.label}}</span>

                        <!-- 折后价 -->
                        <span
                          *ngIf="item.thirdRowLeft&&item.thirdRowLeft?.secondText&&item.thirdRowLeft.secondText.label1"
                          [ngStyle]="item.thirdRowLeft.secondText.label1CssStyle | styleFilter">
                          {{(getInterger(item.thirdRowLeft.secondText.label1 - 0) | currency:'CNY':'':'1.0-0')}}<i
                            class="price-digits-o">{{(item.thirdRowLeft.secondText.label1 - 0 |
                            currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                        </span>
                        <!-- 原价 -->
                        <span
                          *ngIf="item.thirdRowLeft&&item.thirdRowLeft?.secondText&&item.thirdRowLeft.secondText.label2"
                          [ngStyle]="item.thirdRowLeft.secondText.label2CssStyle | styleFilter">
                          {{item.thirdRowLeft.firstText.label}}
                          {{(getInterger(item.thirdRowLeft.secondText.label2 - 0) | currency:'CNY':'':'1.0-0')}}<i
                            class="price-digits-o">{{(item.thirdRowLeft.secondText.label2 - 0 |
                            currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                        </span>

                      </div>
                      <div class="firstRowRight" *ngIf="item.thirdRowRight"
                        [ngStyle]="item.thirdRowRightBoxcssStyle | styleFilter">
                        <span *ngIf="item.thirdRowRight&&item.thirdRowRight?.firstText"
                          [ngStyle]="item.thirdRowRight.firstText.cssStyle | styleFilter">{{item.thirdRowRight.firstText.label}}</span>
                        <span *ngIf="item.thirdRowRight&&item.thirdRowRight?.secondText"
                          [ngStyle]="item.thirdRowRight.secondText.cssStyle | styleFilter">{{item.thirdRowRight.secondText.label}}</span>
                      </div>
                    </div>
                    <div class="normalRow 3" *ngIf="item.fourthRowLeft"
                      [ngStyle]="item.fourthRowLeft?.box?.cssStyle | styleFilter">
                      <div class="firstRowLeft" *ngIf="item.fourthRowLeft"
                        [ngStyle]="item.fourthRowLeft?.leftBox?.cssStyle | styleFilter">
                        <span *ngIf="item.fourthRowLeft&&item.fourthRowLeft?.firstText"
                          [ngStyle]="item.fourthRowLeft.firstText.cssStyle | styleFilter">{{item.fourthRowLeft.firstText.label}}</span>
                        <span *ngIf="item.fourthRowLeft&&item.fourthRowLeft?.secondText"
                          [ngStyle]="item.fourthRowLeft.secondText.cssStyle | styleFilter">{{item.fourthRowLeft.secondText.label}}</span>
                        <span *ngIf="item.fourthRowLeft&&item.fourthRowLeft?.thirdText"
                          [ngStyle]="item.fourthRowLeft.thirdText.cssStyle | styleFilter">{{item.fourthRowLeft.thirdText.label}}</span>
                        <span *ngIf="item.fourthRowLeft?.fourthText"
                          [ngStyle]="item.fourthRowLeft?.fourthText?.cssStyle | styleFilter">
                          {{item.fourthRowLeft?.fourthText?.label}}
                          <span class="commodityCount-unit" *ngIf="item.fourthRowLeft?.unit?.label"
                            [ngStyle]="item.fourthRowLeft?.unit?.cssStyle | styleFilter">{{item.fourthRowLeft?.unit?.label}}</span>
                          <span class="commodityCount-price" *ngIf="item.fourthRowLeft?.price?.label"
                            [ngStyle]="item.fourthRowLeft?.price?.cssStyle | styleFilter">{{(getInterger(item.fourthRowLeft?.price?.label
                            - 0) |
                            currency:'CNY':'':'1.0-0')}}<i
                              [ngStyle]="item.fourthRowLeft?.price?.digitsCssStyle | styleFilter"
                              class="price-digits-o">{{(item.fourthRowLeft?.price?.label -
                              0 |
                              currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                        </span>

                        <!-- 优惠金额 -->
                        <ng-container *ngIf="item.fourthRowLeft?.fifthText">
                          <ion-input class="orderInfoListInputName" id="{{item.id}}" type="number"
                            [ngStyle]="item.fourthRowLeft?.fifthText?.cssStyle | styleFilter" maxlength="7" onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                            (ionChange)="changeValue2($event,item.fourthRowLeft?.fifthText)" [(ngModel)]="item.fourthRowLeft?.fifthText.value">
                          </ion-input>
                        </ng-container>
                      </div>
                      <div class="firstRowRight" *ngIf="item.fourthRowRight"
                        [ngStyle]="item.fourthRowLeft?.rightBox?.cssStyle | styleFilter">
                        <span *ngIf="item.fourthRowRight&&item.fourthRowRight?.firstText"
                          [ngStyle]="item.fourthRowRight.firstText.cssStyle | styleFilter">{{item.fourthRowRight.firstText.label}}</span>
                        <span class="commodityCount-unit" *ngIf="item.fourthRowRight?.unit?.label"
                          [ngStyle]="item.fourthRowRight?.unit?.cssStyle | styleFilter">{{item.fourthRowRight?.unit?.label}}</span>
                        <span class="commodityCount-price" *ngIf="item.fourthRowRight?.price?.label"
                          [ngStyle]="item.fourthRowRight?.price?.cssStyle | styleFilter">{{(getInterger(item.fourthRowRight?.price?.label
                          - 0) |
                          currency:'CNY':'':'1.0-0')}}<i
                            [ngStyle]="item.fourthRowRight?.price?.digitsCssStyle | styleFilter"
                            class="price-digits-o">{{(item.fourthRowRight?.price?.label -
                            0 |
                            currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                      </div>
                    </div>
                    <div class="normalRow 4" *ngIf="item.copyRowLeft">
                      <div class="firstRowLeft" *ngIf="item.copyRowLeft">
                        <span *ngIf="item.copyRowLeft&&item.copyRowLeft?.firstText"
                          [ngStyle]="item.copyRowLeft.firstText.cssStyle | styleFilter">{{item.copyRowLeft.firstText.label}}</span>
                        <span *ngIf="item.copyRowLeft&&item.copyRowLeft?.secondText"
                          [ngStyle]="item.copyRowLeft.secondText.cssStyle | styleFilter">{{item.copyRowLeft.secondText.label}}</span>
                        <span *ngIf="item.copyRowLeft&&item.copyRowLeft?.thirdText"
                          appDebounceClick (debounceClick)="copyUrl(item.copyRowLeft?.secondText?.label)"
                          [ngStyle]="item.copyRowLeft.thirdText.cssStyle | styleFilter">{{item.copyRowLeft.thirdText.label}}</span>
                      </div>
                    </div>

                    <div class="normalRow 5" *ngIf="item.remark&&item.remark?.firstText?.label"
                      [ngStyle]="item.remark?.box?.cssStyle | styleFilter">
                      <span
                        [ngStyle]="item.remark?.firstText?.cssStyle | styleFilter">{{item.remark?.firstText?.label}}</span>
                    </div>

                    <!-- 服务费  -->
                    <div class="normalRow 6" *ngIf="item.thirdRowLeft2||item.thirdRowRight2">
                      <div class="firstRowLeft" *ngIf="item.thirdRowLeft2">
                        <span *ngIf="item.thirdRowLeft2&&item.thirdRowLeft2?.firstText"
                          [ngStyle]="item.thirdRowLeft2.firstText.cssStyle | styleFilter">{{item.thirdRowLeft2.firstText.label}}</span>
                        <span *ngIf="item.thirdRowLeft2&&item.thirdRowLeft2?.secondText"
                          [ngStyle]="item.thirdRowLeft2.secondText.cssStyle | styleFilter">{{item.thirdRowLeft2.secondText.label}}</span>
                      </div>
                      <div class="firstRowRight" *ngIf="item.thirdRowRight2">
                        <span *ngIf="item.thirdRowRight&&item.thirdRowRight2?.firstText"
                          [ngStyle]="item.thirdRowRight2.firstText.cssStyle | styleFilter">{{item.thirdRowRight2.firstText.label}}</span>
                      </div>
                    </div>
                    <div class="normalRow 7" *ngIf="item.thirdRowLeft3||item.thirdRowRight3">
                      <div class="firstRowLeft" *ngIf="item.thirdRowLeft3">
                        <span *ngIf="item.thirdRowLeft3&&item.thirdRowLeft3?.firstText"
                          [ngStyle]="item.thirdRowLeft3.firstText.cssStyle | styleFilter">{{item.thirdRowLeft3.firstText.label}}</span>
                        <span *ngIf="item.thirdRowLeft3&&item.thirdRowLeft3?.secondText"
                          [ngStyle]="item.thirdRowLeft3.secondText.cssStyle | styleFilter">{{item.thirdRowLeft3.secondText.label}}</span>
                      </div>
                      <div class="firstRowRight" *ngIf="item.thirdRowRight3">
                        <span *ngIf="item.thirdRowRight&&item.thirdRowRight3?.firstText"
                          [ngStyle]="item.thirdRowRight3.firstText.cssStyle | styleFilter">{{item.thirdRowRight3.firstText.label}}</span>
                      </div>
                    </div>
                    <ng-container *ngIf="item.contentModel">
                      <div class="finishBox">
                        <ng-container *ngFor="let subItem of item.contentModel,let j = index;">
                          <ng-container *ngIf="j!==(item.contentModel.length-1)">
                            <span *ngIf="subItem&&subItem?.label" [ngStyle]="subItem.cssStyle | styleFilter">
                              {{subItem.label}}{{subItem.text}}</span>
                          </ng-container>
                          <ng-container *ngIf="j===(item.contentModel.length-1)">
                            <div class="contentModelRow"><span *ngIf="subItem&&subItem?.label"
                                [ngStyle]="subItem.cssStyle | styleFilter">
                                {{subItem.label}}{{subItem.text}}</span>
                              <span *ngIf="item.status&&item.status?.firstText"
                                [ngStyle]="item.status.firstText.cssStyle | styleFilter">{{item.status.firstText.label}}</span>
                            </div>
                          </ng-container>
                        </ng-container>
                      </div>
                    </ng-container>
                    <ng-container *ngIf="!item.contentModel&&item.dateTime||!item.contentModel&&item.status">
                      <div class="statusRow">
                        <div class="firstRowLeft">
                          <span *ngIf="item.dateTime&&item.dateTime?.firstText"
                            [ngStyle]="item.dateTime.firstText.cssStyle | styleFilter">{{item.dateTime.firstText.label}}</span>
                        </div>
                        <div class="firstRowRight">
                          <span *ngIf="item.status&&item.status?.firstText"
                            [ngStyle]="item.status.firstText.cssStyle | styleFilter">{{item.status.firstText.label}}</span>
                          <span *ngIf="item.status&&item.status?.linkSpan" [ngStyle]="item.status.cssStyle | styleFilter"
                            appDebounceClick (debounceClick)="go(item.status.linkSpan)">{{item.status.linkSpan.label}}</span>
                        </div>
                      </div>
                    </ng-container>
                  </div>
                </div>
              </div>

              <!--tips-->
              <div class="tips-box" *ngIf="item.tips" [ngStyle]="item.tips?.box?.cssStyle | styleFilter">
                <span class="tips-label1" *ngIf="item.tips?.firstText?.label1"
                  [ngStyle]="item.tips?.firstText?.label1CssStyle | styleFilter">{{item.tips?.firstText?.label1}}</span>
                <span class="tips-label2" *ngIf="item.tips?.firstText?.label2"
                  [ngStyle]="item.tips?.firstText?.label2CssStyle | styleFilter">{{item.tips?.firstText?.label2}}</span>
                <span class="tips-label3" *ngIf="item.tips?.firstText?.label3"
                  [ngStyle]="item.tips?.firstText?.label3CssStyle | styleFilter">{{item.tips?.firstText?.label3}}</span>
                <span class="tips-label2" *ngIf="item.tips?.firstText?.label3"
                  [ngStyle]="item.tips?.firstText?.label4CssStyle | styleFilter">{{item.tips?.firstText?.label4}}</span>
                <span class="tips-label2" *ngIf="item.tips?.firstText?.label5"
                  [ngStyle]="item.tips?.firstText?.label5CssStyle | styleFilter">{{item.tips?.firstText?.label5}}</span>
              </div>

              <!--评价按钮-->
              <div class="rating" [ngStyle]="item.scoreRowLeft?.ratingBox?.cssStyle|styleFilter" *ngIf="item.scoreRowLeft"
                appDebounceClick (debounceClick)="go(item.scoreRowLeft?.linkButton)">
                <div><span *ngIf="item.scoreRowLeft?.firstText?.label"
                    [ngStyle]="item.scoreRowLeft?.firstText?.cssStyle|styleFilter">{{item.scoreRowLeft?.firstText?.label}}</span>
                  <app-rating [rate]="item.scoreRowLeft?.secondText?.label" [edit]=false
                    (updateRate)="updateRateReturn($event,item,dataIndex)"></app-rating>
                </div>
                <span [ngStyle]="item.scoreRowLeft?.btn?.cssStyle|styleFilter">
                  {{item.scoreRowLeft?.linkButton?.label}}
                </span>
              </div>
              <!--确认收货和退款按钮 appDebounceClick (debounceClick)="go(item.receiverRowLeft?.linkButton)" -->
              <div class="receiver-box" [ngStyle]="item.receiverRowLeft?.receiverBox?.cssStyle|styleFilter"
                *ngIf="item.receiverRowLeft">
                <span class="default-btn" *ngIf="item.receiverRowLeft?.linkButton1"
                  [ngStyle]="item.receiverRowLeft?.btn1?.cssStyle|styleFilter"
                  appDebounceClick (debounceClick)="go(item.receiverRowLeft?.linkButton1)">
                  {{item.receiverRowLeft?.linkButton1?.label}}
                </span>
                <span class="default-btn" *ngIf="item.receiverRowLeft?.linkButton2"
                  [ngStyle]="item.receiverRowLeft?.btn2?.cssStyle|styleFilter"
                  appDebounceClick (debounceClick)="go(item.receiverRowLeft?.linkButton2)">
                  {{item.receiverRowLeft?.linkButton2?.label}}
                </span>
                <span class="default-btn" *ngIf="item.receiverRowLeft?.linkButton3"
                  [ngStyle]="item.receiverRowLeft?.btn3?.cssStyle|styleFilter"
                  appDebounceClick (debounceClick)="go(item.receiverRowLeft?.linkButton3)">
                  {{item.receiverRowLeft?.linkButton3?.label}}
                </span>
                <span class="default-btn" *ngIf="item.receiverRowLeft?.linkButton4"
                  [ngStyle]="item.receiverRowLeft?.btn4?.cssStyle|styleFilter"
                  appDebounceClick (debounceClick)="go(item.receiverRowLeft?.linkButton4)">
                  {{item.receiverRowLeft?.linkButton4?.label}}
                </span>
              </div>
              <div [ngClass]="{'buttonBox': !item.fourthRowLeft,'buttonBoxBetween':item.fourthRowLeft}"
                *ngIf="item.fourthRowLeft" [ngStyle]="item.fourthRowLeft?.box?.buttonBoxCssStyle | styleFilter">
                <div *ngIf="item.fourthRowLeft" [ngStyle]="item.fourthRowLeft.cssStyle | styleFilter">
                  {{item.fourthRowLeft.text}}
                </div>
                <div class="buttons">
                  <ng-container *ngFor="let btnItem of item.buttons">
                    <span class="spanBtn" appDebounceClick (debounceClick)="normalBtnClick(btnItem,dataIndex)">{{btnItem.label}}</span>
                  </ng-container>
                </div>
              </div>


              <ng-container *ngIf="item.hiddenBottomLine===undefined">
                <div class="lineStyle" [ngStyle]="item.bottomLineCssStyle|styleFilter"
                  *ngIf="dataIndex === tagData.data.data?.length-1"></div>
              </ng-container>
            </div>

          </div>
        </div>

        <!--新增配送、备注按钮-->
        <div class="deliveryRemarkBox" *ngIf="item.deliveryRemarkBox"
          [ngStyle]="item.deliveryRemarkBoxCssStyle|styleFilter">
          <div class="deliveryBox" [ngStyle]="item.deliveryBoxCssStyle|styleFilter">
            <span class="deliverLabel" [ngStyle]="item.deliveryLabelCssStyle|styleFilter">{{item.deliveryLabel}}</span>
            <span class="deliverValue" [ngStyle]="item.deliveryValueCssStyle|styleFilter">{{item.deliveryValue}}</span>
          </div>
          <div class="remarkBox" [ngStyle]="item.remarkBoxCssStyle|styleFilter">
            <span class="deliverLabel" [ngStyle]="item.remarkLabelCssStyle|styleFilter">{{item.remarkLabel}}</span>
            <div class="remarkRightBox">
              <span class="remarkValue" [ngStyle]="item.remarkValueCssStyle|styleFilter">{{item.remarkValue}}</span>
              <img class="remarkIcon" *ngIf="item.remarkIcon" [src]="item.remarkIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1663209204795bd19c60295db3fa5fa28566339dac48b.png'"
                [ngStyle]="item.remarkIconCssStyle|styleFilter" appDebounceClick (debounceClick)="go(item?.remarkBtn?.btn)" />
            </div>
          </div>
        </div>

      </ng-container>

    </ng-container>

  </div>


    <div class="footerDiv" *ngIf="tagData.data?.footDiv"
      [ngStyle]="tagData.data?.footDiv?.box?.firstBox?.cssStyle|styleFilter">

      <div class="total" *ngIf="tagData.data?.footDiv?.total"
        [ngStyle]="tagData.data?.footDiv?.total?.firstBox?.cssStyle|styleFilter">
        <span
          [ngStyle]="tagData.data?.footDiv?.total?.firstText?.cssStyle|styleFilter">{{tagData.data?.footDiv?.total?.firstText?.label}}</span>
        <span
          [ngStyle]="tagData.data?.footDiv?.total?.secondText?.cssStyle|styleFilter">{{tagData.data?.footDiv?.total?.secondText?.label}}</span>
        <span
          [ngStyle]="tagData.data?.footDiv?.total?.thirdText?.cssStyle|styleFilter">{{tagData.data?.footDiv?.total?.thirdText?.label}}</span>
      </div>
      <form *ngIf="tagData.data" [formGroup]="formGroup" action="javascript: return true;">
        <div class="commodityCount">
          <div class="commodityCount-left" *ngIf="tagData.data?.footDiv?.commodityCount">
            <ng-container *ngFor="let item of tagData.data?.footDiv?.commodityCount">
              <span *ngIf="item.left?.label" [ngStyle]="item.left?.cssStyle | styleFilter">
                <span *ngIf="item.left?.leftLabel"
                  [ngStyle]="item.left?.leftCssStyle | styleFilter">{{item.left.leftLabel}}</span>
                {{item.left?.label}}
                <span class="commodityCount-unit" *ngIf="item.left?.unit"
                  [ngStyle]="item.left?.unitCssStyle | styleFilter">{{item.left?.unit}}</span>
                <span class="commodityCount-price" *ngIf="item.left?.price"
                  [ngStyle]="item.left?.priceCssStyle | styleFilter">{{(getInterger(item.left?.price - 0) |
                  currency:'CNY':'':'1.0-0')}}<i [ngStyle]="item.left?.price2CssStyle | styleFilter"
                    class="price-digits-o">{{(item.left?.price -
                    0 |
                    currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
              </span>
            </ng-container>
          </div>
          <div *ngIf="tagData.data?.footDiv?.right && tagData.data?.footDiv?.right?.label.link" class="commodityCount-btn"
            [ngStyle]="tagData.data?.footDiv?.right?.label?.link?.params.btnCssStyle| styleFilter"
            appDebounceClick (debounceClick)="linkSubmit(tagData.data?.footDiv?.right?.label)">
            <span>{{tagData.data?.footDiv?.right?.label?.label}}</span>
          </div>
        </div>

        <div class="detailBox" *ngFor="let subItem of tagData.data?.footDiv?.details"
          [ngStyle]="subItem.boxCssStyle?.cssStyle|styleFilter">
          <div class="detailBox-list" *ngIf="subItem.right && subItem.left">
            <span class="detailLabel" [ngStyle]="subItem.left?.cssStyle|styleFilter">{{subItem.left?.label}}
              <font *ngIf="subItem.left?.label2" [ngStyle]="subItem.left?.label2CssStyle|styleFilter">
                {{subItem.left?.label2}}</font>
            </span>
            <div class="detailRight 1" [ngStyle]="subItem.right?.box?.cssStyle|styleFilter">
              <span [ngStyle]="subItem.right?.tipsText?.cssStyle|styleFilter" *ngIf="subItem.right?.tipsText?.label">
                {{subItem.right?.tipsText?.label}}</span>
              <ng-container *ngIf="!subItem.formKey">
                <ng-container *ngIf="subItem.left.orderAmount !== undefined">
                  <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
                    {{subItem.right?.firstText?.label}}</span>
                  <span *ngIf="orderAmount && orderAmount !== 'null'"
                    [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
                    {{(getInterger(orderAmount - 0) | currency:'CNY':'':'1.0-0')}}<i class="price-digits-o"
                      [ngStyle]="subItem.right?.secondText?.digitsCssStyle|styleFilter">{{(orderAmount - 0 |
                      currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                </ng-container>
                <ng-container *ngIf="subItem.left.cost !== undefined">
                  <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
                    {{subItem.right?.firstText?.label}}</span>
                  <span *ngIf="cost !== 'null'" [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
                    {{(getInterger(cost - 0) | currency:'CNY':'':'1.0-0')}}<i class="price-digits-o"
                      [ngStyle]="subItem.right?.secondText?.digitsCssStyle|styleFilter">{{(cost - 0 |
                      currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                  </span>
                </ng-container>
                <ng-container *ngIf="subItem.left.discountAmount !== undefined">
                  <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
                    {{subItem.right?.firstText?.label}}</span>
                  <span *ngIf="discountAmount !== 'null'"
                    [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
                    {{(getInterger(discountAmount - 0) | currency:'CNY':'':'1.0-0')}}<i
                      [ngStyle]="subItem.right?.secondText?.digitsCssStyle|styleFilter"
                      class="price-digits-o">{{(discountAmount -
                      0 | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                  </span>
                </ng-container>
                <ng-container *ngIf="subItem.left.finalProfit !== undefined">
                  <ng-container *ngIf="finalProfit < 0; else elseTemplate">
                    <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
                      -{{subItem.right?.firstText?.label}}</span>
                    <span [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
                      {{(getInterger(finalProfitNegative - 0) | currency:'CNY':'':'1.0-0')}}<i
                       [ngStyle]="subItem.right?.secondText?.digitsCssStyle|styleFilter"
                        class="price-digits-o">{{(finalProfitNegative - 0
                        | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                    </span>
                  </ng-container>
                  <ng-template #elseTemplate>
                    <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
                      {{subItem.right?.firstText?.label}}</span>
                    <span [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
                      {{(getInterger(finalProfit - 0) | currency:'CNY':'':'1.0-0')}}<i
                       [ngStyle]="subItem.right?.secondText?.digitsCssStyle|styleFilter"
                        class="price-digits-o">{{(finalProfit - 0
                        | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                    </span>
                  </ng-template>

                </ng-container>
                <ng-container *ngIf="subItem.left.currentProfit !== undefined">

                  <ng-container *ngIf="currentProfit < 0; else elseTemplate">
                    <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
                      -{{subItem.right?.firstText?.label}}</span>
                    <span [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
                      {{(getInterger(currentProfitNegative - 0) | currency:'CNY':'':'1.0-0')}}<i
                       [ngStyle]="subItem.right?.secondText?.digitsCssStyle|styleFilter"
                        class="price-digits-o">{{(currentProfitNegative -
                        0 | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                    </span>
                  </ng-container>
                  <ng-template #elseTemplate>
                    <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
                      {{subItem.right?.firstText?.label}}</span>
                    <span [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
                      {{(getInterger(currentProfit - 0) | currency:'CNY':'':'1.0-0')}}<i
                       [ngStyle]="subItem.right?.secondText?.digitsCssStyle|styleFilter"
                        class="price-digits-o">{{(currentProfit -
                        0 | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i>
                    </span>
                  </ng-template>
                  

                </ng-container>
                <ng-container *ngIf="subItem.left.preview !== undefined">
                  <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
                    {{subItem.right?.firstText?.label}}</span>
                  <span *ngIf="preview && preview !== 'null'" [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
                    {{(getInterger(subItem.right?.secondText?.label - 0) | currency:'CNY':'':'1.0-0')}}<i
                      class="price-digits-o"
                      [ngStyle]="subItem.right?.secondText?.digitsCssStyle|styleFilter">{{(subItem.right?.secondText?.label
                      - 0 | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                </ng-container>
                <ng-container *ngIf="subItem.left.toggle !== undefined">
                  <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">{{subItem.right?.firstText?.label}}</span>
                  <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter"></span>
                  <div class="right">
                    <div class="segment-block">
                      <span class="border-left" appDebounceClick (debounceClick)="showValueSubmit(this.showValue,0,$event)" [ngClass]="{'checked':this.showValue === '0'}">否</span>
                      <span class="border-right" appDebounceClick (debounceClick)="showValueSubmit(this.showValue,1,$event)" [ngClass]="{'checked':this.showValue === '1'}">是</span>
                    </div>
                  </div>
                </ng-container>
                <ng-container *ngIf="subItem.left.freight !== undefined">
                  <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
                    {{subItem.right?.firstText?.label}}</span>
                  <span *ngIf="freight && freight !== 'null'" [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
                    {{(getInterger(subItem.right?.secondText?.label - 0) | currency:'CNY':'':'1.0-0')}}<i
                      class="price-digits-o"
                      [ngStyle]="subItem.right?.secondText?.digitsCssStyle|styleFilter">{{(subItem.right?.secondText?.label
                      - 0 | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                </ng-container>
                <!--下面普通展示-->
                <ng-container
                  *ngIf="subItem.left.orderAmount===undefined&&subItem.left.cost === undefined&&subItem.left.finalProfit===undefined&&
                         subItem.left.currentProfit===undefined&&subItem.left.preview===undefined&&subItem.left.discountAmount===undefined&&
                         subItem.left.toggle===undefined&&subItem.left.freight===undefined"
                >
                  <span [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter" *ngIf="subItem.right?.firstText?.label">
                    {{subItem.right?.firstText?.label}}</span>
                  <span [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter" *ngIf="subItem.right?.secondText?.label">
                    {{subItem.right?.secondText?.label}}</span>
                  <span *ngIf="subItem.right?.thirdText" [ngStyle]="subItem.right?.thirdText?.cssStyle|styleFilter">
                    {{(getInterger(subItem.right?.thirdText?.label - 0) | currency:'CNY':'':'1.0-0')}}<i
                     class="price-digits-o"
                      [ngStyle]="subItem.right?.thirdText?.digitsCssStyle|styleFilter">{{(subItem.right?.thirdText?.label
                      -
                      0 | currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
                  <span class="rightBtn" [ngStyle]="subItem.right?.btnBox?.btnLabelCssStyle|styleFilter"
                    *ngIf="subItem.right?.btn"
                    appDebounceClick (debounceClick)="go(subItem.right?.btn?.link)">{{subItem.right?.btnBox?.btnLabel}}</span>
                  <span class="copyBtn" [ngStyle]="subItem.right?.copyBtn?.cssStyle|styleFilter"
                    *ngIf="subItem.right?.copyBtn"
                    appDebounceClick (debounceClick)="copyUrl(subItem.right?.copyBtn?.copyValue)">{{subItem.right?.copyBtn?.label}}</span>
                </ng-container>
              </ng-container>
              <ng-container *ngIf="subItem.formKey">
                <ion-input type="number" [maxlength]="subItem.maxLength" [ngStyle]="subItem.inputCssStyle|styleFilter"
                  [attr.placeholder]="subItem.right?.firstText?.label" [formControlName]="subItem.formKey"
                  [(ngModel)]="subItem.right.firstText.value" (ionChange)="changeValue($event,subItem)">
                </ion-input>
              </ng-container>
            </div>
          </div>
          <p *ngIf="subItem.left?.labelValue" [ngStyle]="subItem.left?.labelValueCssStyle | styleFilter">
            {{subItem.left?.labelValue}}</p>
        </div>




      </form>
      <div class="logistics" *ngIf="tagData.data?.footDiv?.logistics">
        <div [ngStyle]="tagData.data?.footDiv?.logistics?.firstRow?.cssStyle|styleFilter">
          <div class="topLeft">
            <span *ngIf="tagData.data?.footDiv?.logistics?.firstRowLeft?.firstTextLabel"
              [ngStyle]="tagData.data?.footDiv?.logistics?.firstRowLeft?.firstTextLabelCssStyle|styleFilter">
              {{tagData.data?.footDiv?.logistics?.firstRowLeft?.firstTextLabel}}</span>
            <span *ngIf="tagData.data?.footDiv?.logistics?.firstRowLeft?.secondTextLabel"
              [ngStyle]="tagData.data?.footDiv?.logistics?.firstRowLeft?.secondTextLabelCssStyle|styleFilter">
              {{tagData.data?.footDiv?.logistics?.firstRowLeft?.secondTextLabel}}</span>
          </div>
          <div class="topRight" appDebounceClick (debounceClick)="go(tagData.data?.footDiv?.logistics?.iconLink)">
            <span *ngIf="tagData.data?.footDiv?.logistics?.firstRowRight?.firstTextLabel"
              [ngStyle]="tagData.data?.footDiv?.logistics?.firstRowRight?.firstTextLabelCssStyle|styleFilter">
              {{tagData.data?.footDiv?.logistics?.firstRowRight?.firstTextLabel}}</span>
            <img src="{{tagData.data?.footDiv?.logistics?.firstRowRight?.icon}}"
              onerror="this.src='assets/fw/arrow_icon_rightllogistics.png'"
              [ngStyle]="tagData.data?.footDiv?.logistics?.firstRowRight?.iconCssStyle|styleFilter"
              *ngIf="tagData.data?.footDiv?.logistics?.firstRowRight?.icon" />
          </div>

        </div>
        <div class="main-box">
          <img src="{{tagData.data?.footDiv?.logistics?.img?.imgUrl?.url}}"
            *ngIf="tagData.data?.footDiv?.logistics?.img?.imgUrl?.url"
            [ngStyle]="tagData.data?.footDiv?.logistics?.img?.imgUrl?.cssStyle|styleFilter"
            onerror="this.src='assets/img/375x250@2x.png'" />
          <div class="secondRightRow" [ngStyle]="tagData.data?.footDiv?.logistics?.secondRow?.cssStyle|styleFilter">
            <p *ngIf="tagData.data?.footDiv?.logistics?.secondRowLeft?.firstTextLabel"
              [ngStyle]="tagData.data?.footDiv?.logistics?.secondRowLeft?.firstTextLabelCssStyle|styleFilter">
              {{tagData.data?.footDiv?.logistics?.secondRowLeft?.firstTextLabel}}</p>
            <p *ngIf="tagData.data?.footDiv?.logistics?.thirdRowLeft?.firstTextLabel"
              [ngStyle]="tagData.data?.footDiv?.logistics?.thirdRowLeft?.firstTextLabelCssStyle|styleFilter">
              {{tagData.data?.footDiv?.logistics?.thirdRowLeft?.firstTextLabel}}</p>
            <p *ngIf="tagData.data?.footDiv?.logistics?.fourthRowLeft">
              <span *ngIf="tagData.data?.footDiv?.logistics?.fourthRowLeft?.firstTextLabel"
                [ngStyle]="tagData.data?.footDiv?.logistics?.fourthRowLeft?.firstTextLabelCssStyle|styleFilter">
                {{tagData.data?.footDiv?.logistics?.fourthRowLeft?.firstTextLabel}}</span>
              <span *ngIf="tagData.data?.footDiv?.logistics?.fourthRowLeft?.secondTextLabel"
                [ngStyle]="tagData.data?.footDiv?.logistics?.fourthRowLeft?.secondTextLabelCssStyle|styleFilter">
                {{tagData.data?.footDiv?.logistics?.fourthRowLeft?.secondTextLabel}}</span>
            </p>
          </div>
        </div>
      </div>
    </div>


    <div class="newDetailBox columnDirection" *ngIf="tagData.data?.footDiv?.box?.secondBox"
      [ngStyle]="tagData.data?.footDiv?.box?.secondBox?.cssStyle|styleFilter">
      <ng-container *ngFor="let subItem of tagData.data?.footDiv?.details1">
        <div class="newDetailRow" [ngStyle]="tagData.data?.footDiv?.box?.secondBox?.innerBoxCssStyle|styleFilter">
          <span class="detailLabel" [ngStyle]="subItem.left?.cssStyle|styleFilter">{{subItem.left?.label}}
            <font *ngIf="subItem.left?.label2" [ngStyle]="subItem.left?.label2CssStyle|styleFilter">
              {{subItem.left?.label2}}</font>
          </span>
          <div class="detailRight 2" [ngStyle]="subItem.right?.box?.cssStyle|styleFilter">
            <span *ngIf="subItem.right?.tipsText?.label" [ngStyle]="subItem.right?.tipsText?.cssStyle|styleFilter">
              {{subItem.right?.tipsText?.label}}</span>
            <span *ngIf="subItem.right?.firstText?.label" [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
              {{subItem.right?.firstText?.label}}</span>
            <span *ngIf="subItem.right?.secondText?.label" [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
              {{subItem.right?.secondText?.label}}</span>
            <span *ngIf="subItem.right?.thirdText?.label" [ngStyle]="subItem.right?.thirdText?.cssStyle|styleFilter">
              {{(getInterger(subItem.right?.thirdText?.label - 0) | currency:'CNY':'':'1.0-0')}}<i
               class="price-digits-o">{{(subItem.right?.thirdText?.label - 0 |
                currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
            <span class="rightBtn" [ngStyle]="subItem.right?.btnBox?.btnLabelCssStyle|styleFilter"
              *ngIf="subItem.right?.btn" appDebounceClick (debounceClick)="go(subItem.right?.btn)">{{subItem.right?.btnBox?.btnLabel}}

              <img class="remarkIcon" *ngIf="subItem.right?.btnBox?.arrowIcon" [src]="subItem.right?.btnBox?.arrowIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1663209204795bd19c60295db3fa5fa28566339dac48b.png'"
                [ngStyle]="subItem.right?.btnBox?.arrowIconCssStyle|styleFilter" />
            </span>
          </div>
        </div>
      </ng-container>
    </div>

    <div class="newDetailBox columnDirection" *ngIf="tagData.data?.footDiv?.box?.thirdBox"
      [ngStyle]="tagData.data?.footDiv?.box?.thirdBox?.cssStyle|styleFilter">
      <ng-container *ngFor="let subItem of tagData.data?.footDiv?.details2">
        <div class="newDetailRow" [ngStyle]="tagData.data?.footDiv?.box?.thirdBox?.innerBoxCssStyle|styleFilter">
          <span class="detailLabel" [ngStyle]="subItem.left?.cssStyle|styleFilter">{{subItem.left?.label}}
            <font *ngIf="subItem.left?.label2" [ngStyle]="subItem.left?.label2CssStyle|styleFilter">
              {{subItem.left?.label2}}</font>
          </span>
          <div class="detailRight 3" [ngStyle]="subItem.right?.box?.cssStyle|styleFilter">
            <span *ngIf="subItem.right?.tipsText?.label && subItem.right?.tipsText?.label !== undefined" [ngStyle]="subItem.right?.tipsText?.cssStyle|styleFilter">
              {{subItem.right?.tipsText?.label}}</span>
            <span *ngIf="subItem.right?.firstText?.label && subItem.right?.tipsText?.label !== undefined" [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
              {{subItem.right?.firstText?.label}}</span>
            <span *ngIf="subItem.right?.secondText?.label && subItem.right?.tipsText?.label !== undefined" [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
              {{subItem.right?.secondText?.label}}</span>
            <span *ngIf="subItem.right?.thirdText?.label" [ngStyle]="subItem.right?.thirdText?.cssStyle|styleFilter">
              {{(getInterger(subItem.right?.thirdText?.label - 0) | currency:'CNY':'':'1.0-0')}}<i
               class="price-digits-o">{{(subItem.right?.thirdText?.label - 0 |
                currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
            <span class="rightBtn" [ngStyle]="subItem.right?.btnBox?.btnLabelCssStyle|styleFilter"
              *ngIf="subItem.right?.btn" appDebounceClick (debounceClick)="go(subItem.right?.btn)">{{subItem.right?.btnBox?.btnLabel}}<img
                class="remarkIcon" *ngIf="subItem.right?.btnBox?.arrowIcon" [src]="subItem.right?.btnBox?.arrowIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1663209204795bd19c60295db3fa5fa28566339dac48b.png'"
                [ngStyle]="subItem.right?.btnBox?.arrowIconCssStyle|styleFilter" /></span>
          </div>
        </div>
      </ng-container>
    </div>

    <div class="newDetailBox columnDirection" *ngIf="tagData.data?.footDiv?.box?.fourthBox"
      [ngStyle]="tagData.data?.footDiv?.box?.fourthBox?.cssStyle|styleFilter">
      <ng-container *ngFor="let subItem of tagData.data?.footDiv?.details3">
        <div class="newDetailRow" [ngStyle]="tagData.data?.footDiv?.box?.fourthBox?.innerBoxCssStyle|styleFilter">
          <span class="detailLabel" [ngStyle]="subItem.left?.cssStyle|styleFilter">{{subItem.left?.label}}
            <font *ngIf="subItem.left?.label2" [ngStyle]="subItem.left?.label2CssStyle|styleFilter">
              {{subItem.left?.label2}}</font>
          </span>
          <div class="detailRight 4" [ngStyle]="subItem.right?.box?.cssStyle|styleFilter">
            <span *ngIf="subItem.right?.tipsText?.label && subItem.right?.tipsText?.label !== undefined" [ngStyle]="subItem.right?.tipsText?.cssStyle|styleFilter">
              {{subItem.right?.tipsText?.label}}</span>
            <span *ngIf="subItem.right?.firstText?.label && subItem.right?.tipsText?.label !== undefined" [ngStyle]="subItem.right?.firstText?.cssStyle|styleFilter">
              {{subItem.right?.firstText?.label}}</span>
            <span *ngIf="subItem.right?.secondText?.label && subItem.right?.tipsText?.label !== undefined" [ngStyle]="subItem.right?.secondText?.cssStyle|styleFilter">
              {{subItem.right?.secondText?.label}}</span>
            <span *ngIf="subItem.right?.thirdText?.label" [ngStyle]="subItem.right?.thirdText?.cssStyle|styleFilter">
              {{(getInterger(subItem.right?.thirdText?.label - 0) | currency:'CNY':'':'1.0-0')}}<i
               class="price-digits-o">{{(subItem.right?.thirdText?.label - 0 |
                currency:'CNY':'':'0.2-2')+''|slice:-3}}</i></span>
            <span class="rightBtn" [ngStyle]="subItem.right?.btnBox?.btnLabelCssStyle|styleFilter"
              *ngIf="subItem.right?.btn" appDebounceClick (debounceClick)="go(subItem.right?.btn)">{{subItem.right?.btnBox?.btnLabel}}
              <img class="remarkIcon" *ngIf="subItem.right?.btnBox?.arrowIcon" [src]="subItem.right?.btnBox?.arrowIcon"
                onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1663209204795bd19c60295db3fa5fa28566339dac48b.png'"
                [ngStyle]="subItem.right?.btnBox?.arrowIconCssStyle|styleFilter" /></span>
          </div>
        </div>
      </ng-container>
    </div>

    <div class="noData" [ngStyle]="tagData.data?.headDiv?.noDataCssStyle|styleFilter"
      *ngIf="tagData.hint!==''&&(tagData.data.data.length === 0)||( !tagData.data.data)">
      <span class="noData-span">{{tagData.hint}}</span>
    </div>
    <ion-infinite-scroll *ngIf="tagData.data.submit" threshold="100px" (ionInfinite)="loadData($event)">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll>
  </section>
</div>
